
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="/static/blupilot/css/style.css" />
    <link rel="stylesheet" href="/static/blupilot/css/swiper-3.4.2.min.css" />
    <link rel="stylesheet" href="/static/blupilot/layui/css/modules/layer/default/layer.css" />
    <title>Home BluPilot</title>
    <meta name="keywords" content="ThinkCMF,php,内容管理框架,cmf,cms,简约风, simplewind,framework" />
    <meta name="description" content="ThinkCMF是简约风网络科技发布的一款用于快速开发的内容管理框架">

    <style>
    html,
    body {
        position: relative;
        height: 100%;
    }

    body {
        background: #eee;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color: #000;
        margin: 0;
        padding: 0;
    }

    .swiper-container {
        width: 100%;
        height: 100%;
    }

    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
</style>
</head>

<body>
    <header>
            	<!--#if(isEmpty(session.user))  -->
        <div class="main">
            <a href="/"><img src="/static/blupilot/img/logo.png" class="logo" /></a>
            <div class="fr fot txtFFF">Welcome bluPilot，
                 Please
                    <a class="txtFFF pl_15 pr_15" href="#" onclick="login()">[Sign In]</a>
                    <a class="txtFFF pl_15 pr_15" href="#" onclick="register()">[Sign Up]</a>
                            </div>
        </div>
        <!-- #else -->
        <div class="main">
            <a href="/"><img src="/static/blupilot/img/logo.png" class="logo" /></a>
            <div class="fr fot txtFFF">Welcome bluPilot，
                                    admin                    <a class="txtFFF" href="/user/app/index.html">Member Center</a>
                    <a class="txtFFF" href="/user/index/logout.html">Logout</a>
                                </div>
        </div>
        <!-- #end -->
    </header>
    <div class="Tabs">
        <div class="main">
            <div class="one rel cen fl kds">
                <a href="/" class="txtFFF">Home</a>
            </div>
            <div class="one rel cen fl kds">
                <a href="#" class="txtFFF">Download</a>
                <div class="abs hidebox hide">
                    <a href="/portal/page/index/id/1.html" class="txtFFF">
                        <div class="cen sstab mt">
                            api_download                        </div>
                    </a>
                                        <a href="/portal/page/index/id/2.html" class="txtFFF">
                        <div class="cen sstab mt">
                            beacon_download                        </div>
                    </a>
                                        <a href="/portal/page/index/id/3.html" class="txtFFF">
                        <div class="cen sstab mt">
                            demo_download                        </div>
                    </a>
                </div>
            </div>
            <div class="one rel cen fl kds">
                <a href="#" class="txtFFF">DOCUMENT</a>
                <div class="abs hidebox hide">
                    <a href="/wiki/" class="txtFFF" target="_blank">
                        <div class="cen sstab mt">
                            api_document                        </div>
                    </a>
                </div>
            </div>
            <div class="one rel cen fl">
                <a href="/shop/index/index.html" class="txtFFF">Shop</a>
            </div>
        </div>
    </div>

    <div class="Carousel">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide rel">
                    <img src="/static/blupilot/img/banner.png" />
                    <div class="logo_infor">
                        <div class="cen" style="height: 90px;line-height: 100px;">
                            <span class="xbt_btn ml_10">Buy beacon</span>
                            <span class="xbt_btn active mr_10">信标推荐</span>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">Slide 2</div>
                <div class="swiper-slide">Slide 3</div>
                <div class="swiper-slide">Slide 4</div>
            </div>
        </div>
    </div>
    <div class="liucheng">
        <div class="main">
            <div class="rel fl daoxiangbox">
                <img src="/static/blupilot/img/5.png" class="daoxiang" />
                <span class="txt#34B abs tip_text" style="top: 30px;left: 47px;color:#34B7FF;">Buy beacon</span>
            </div>
            <div class="fl daoxiangbox1 cen">
                <img src="/static/blupilot/img/4.png" />
            </div>
            <div class="rel fl daoxiangbox">
                <img src="/static/blupilot/img/1.png" class="daoxiang" />
                <span class="txt#34B abs tip_text" style="top: 30px;left: 47px;color:#34B7FF;">Setting beacon</span>
            </div>
            <div class="fl daoxiangbox1 cen">
                <img src="/static/blupilot/img/4.png" />
            </div>
            <div class="rel fl daoxiangbox">
                <img src="/static/blupilot/img/2.png" class="daoxiang" />
                <span class="txt#34B abs tip_text" style="top: 30px;left: 50px;color:#34B7FF;">API integration</span>
            </div>
            <div class="fl daoxiangbox1 cen">
                <img src="/static/blupilot/img/4.png" />
            </div>
            <div class="rel fl daoxiangbox">
                <img src="/static/blupilot/img/3.png" class="daoxiang" />
                <span class="txt#34B abs tip_text" style="top: 30px;left: 47px;color:#34B7FF;">System development</span>
            </div>
            <div class="clearboth"></div>
        </div>
    </div>
    <footer>
    <p class="txt9A9">Copyright© 2018 Sogou.com. All Rights Reserved.</p>
    <!-- <p class="txt9A9">本站发布的所有内容,未经许可,不得转载,详见《知识产权声明》《用户使用协议》</p> -->
    <p class="txt9A9">
        All contents posted on this website are not reproduced without permission. Please refer to the "intellectual property declaration"
        and "user agreement".
    </p>
</footer>


<script src="/static/blupilot/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="/static/blupilot/js/swiper-3.4.2.min.js"></script>
<script type="text/javascript" src="/static/blupilot/layui/lay/modules/layer.js"></script>
<script>
    var swiper = new Swiper('.swiper-container');
</script>
<script>
    $(".kds").hover(function () {
        $(this).children(".hidebox").stop().slideDown();
    }, function () {
        $(this).children(".hidebox").stop().slideUp();
    });			
</script>
<script>
    function login() {
        layer.open({
            type: 1,
            title: false,
            closeBtn: 0,
            shadeClose: true,
            content: '<div style="height: 300px;background-color: #FFFFFF;width:300px;margin: 0 auto;padding: 20px;border-radius: 10px;">' +
                '<form action="/user/login/dologin.html" method="post">'+
                    '<div style="height: 50px;line-height: 50px;font-size: 20px;text-align: center;">Wellcome Blupilot</div>' +
                    '<div style="height: 50px;line-height: 50px;text-align: center;">' +
                    '<input type="text" name="username" placeholder="Mobile" style="padding:0px 10px;background-color:#F4F4F4;height: 40px;width:220px;border: none;" require/>' +
                    '</div>' +
                    '<div style="height: 50px;line-height: 50px;text-align: center;">' +
                    '<input type="password" name="password" placeholder="Password" style="padding:0px 10px;background-color:#F4F4F4;height: 40px;width:220px;border: none;" require />' +
                    '</div>' +
                    '<div style="width: 240px;margin: 0 auto;margin-top: 30px;">' +
                    '<button style="border-radius:5px;border:none;background-color: #35A8FE;color: #FFFFFF;height: 40px;line-height: 40px;width: 100%;">Login</button>' +
                    '</div>' +
                    '</form>' +
                    '</div>'
        });
    }

    function register() {
        layer.open({
            type: 1,
            title: false,
            closeBtn: 0,
            shadeClose: true,
            content: '<div style="height: 300px;background-color: #FFFFFF;width:300px;margin: 0 auto;padding: 20px;border-radius: 10px;">' +
            '<form action="/user/register/doregister.html" method="post">'+
                '<div style="height: 50px;line-height: 50px;font-size: 20px;text-align: center;">Wellcome Blupilot</div>' +
                '<div style="height: 50px;line-height: 50px;text-align: center;">' +
                '<input type="text" name="username" placeholder="Mobile" style="padding:0px 10px;background-color:#F4F4F4;height: 40px;width:220px;border: none;"/>' +
                '</div>' +
                '<div style="height: 50px;line-height: 50px;text-align: center;">' +
                '<input type="password" name="password" placeholder="Password"  style="padding:0px 10px;background-color:#F4F4F4;height: 40px;width:220px;border: none;"/>' +
                '</div>' +
                '<div style="width: 240px;margin: 0 auto;margin-top: 30px;">' +
                '<button style="border-radius:5px;border:none;background-color: #35A8FE;color: #FFFFFF;height: 40px;line-height: 40px;width: 100%;">Register</button>' +
                '</div>' +
                '<div style="font-size: 10px;text-align: center;padding: 10px 0px;color: #C3C5CB;">' +
                '注册代表你同意BLuPoilt<a href="#" style="color:#36A5FD;text-decoration: inherit;">用户协议</a>' +
                '</div>' +
            '</form>' +
                '</div>'
        });
    }
</script>
</body>
</html>